1
记录一个小技巧

基于ES5的多行字符串拼接,增加html模板的可读性

var htmlString = "<div>"+
       "This is a string."+
   "</div>";

ES6中使用`的模板字符串可以让我们的多行html模板更简洁

var htmlString = `<div>
       This is a string.
   </div>`;

然而它们在 IE 下并没有被支持,如果你需要在不经过 Babel 或类似的工具编译的情况下支持 IE,可以使用使用折行转义字符来增加代码的可读性。

var htmlString = "<div>\
       This is a string.\
   </div>";

Reference:
Multiline String Variables in JavaScript


OceanZH
322 声望14 粉丝

前端开发